<template>
	<view class="all">
		    <view class="top">
				<view class="kong">
					
				</view>
		        <ul>
		            <li><text>全部</text></li>
		            <li><text>待付款</text></li>
		            <li><text>已付款</text></li>
		            <li><text>已完成</text></li>
		        </ul>
		    </view>
			<view class="container" id="con0">
				<list-item></list-item>
				<list-item></list-item>
			</view>
	</view>
</template>

<script lang="ts" setup>
import ListItem from '@/components/my/list-item.vue'
</script>

<style scoped>
a{
    text-decoration: none;
}
li{
    list-style: none;
}
.all{
    background-color:  #f1ece7;
    width: 750rpx;
}
.kong{
	width: 100%;
	height: 70rpx;
}
.top {
  width: 100%;
  height:334rpx;
  background-color: #354e44;
}
.top > ul {
  display: flex;
  margin:24rpx 0 20rpx;
  font-family: PingFangSC-Regular;
  font-size: 30rpx;
  color: #fff;
  letter-spacing: 2rpx;
}
.top > ul > li {
  width: 25%;
  text-align: center;
}
.top > ul > li > text {
  /* border-bottom: .04rem solid #fff; */
  padding-bottom: 6rpx;
}
.container {
  width: 100%;
  margin-top: -100rpx;
  background-color: #f1ece7;
  border-top-left-radius: 40rpx;
  border-top-right-radius:40rpx;
}
</style>
